<div ng-init="init();" class="kmi-layout-content SMT28-content">
    <div class="kmi-header-row">
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="header-title" ng-bind="'SMT28.title' | translate"></div>
        <div class="header-logo"></div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="workSearchPanel">
                <div class="kmi-text-fields">
                    <label class="label" ng-bind="'SMT28.origin_plot_no' | translate"></label>
                    <input ng-model="origin_plot_no" readonly="readonly" ng-click="load_origin_plot_no()"></input>
                    <div class="tip search" ng-click="load_origin_plot_no()"><img src="image/icons/search.png"></img> </div>
                </div>
            </div>
            <div class="panel-top">
                <div class="kmi-text-fields" >
                    <label class="label" ng-bind="'SMT28.head_list.plot_no' | translate"></label>
                    <label class="value" ng-bind="origin_lot_list.lot_no"></label>
                    <label class="label" ng-bind="'SMT28.head_list.product_no' | translate"></label>
                    <label class="value" ng-bind="origin_lot_list.product_no"></label>
                </div>
                <div class="kmi-text-fields" >
                    <label class="label" ng-bind="'SMT28.head_list.product_name' | translate"></label>
                    <label class="value" ng-bind="origin_lot_list.product_name"></label>
                    <label class="label" ng-bind="'SMT28.head_list.plot_qty' | translate"></label>
                    <label class="value" ng-bind="origin_lot_list.qty"></label>
                </div>
                <div class="kmi-text-fields" >
                    <label class="label" ng-bind="'SMT28.head_list.product_no_qty' | translate"></label>
                    <label class="value" ng-bind="origin_lot_list.pcs_qty + '(' + origin_lot_list.pcs_start +' ~ '+ origin_lot_list.pcs_end + ')'"></label>
                    <label class="label" ng-bind="'SMT28.head_list.version_qty' | translate"></label>
                    <label class="value" ng-bind="origin_lot_list.panel_qty + '(' + origin_lot_list.panel_start +' ~ '+ origin_lot_list.panel_end + ')'"></label>
                </div>
            </div>
            <div class="contentPanel">
                <div class="panel">
                    <div class="panel-bottom">
                        <div class="workInfoPanel">
                            <!-- 目的生產批編號、生產批數量 -->
                            <div class="kmi-text-fields" >
                                <label class="label" ng-bind="'SMT28.content.terminal_no' | translate"></label>
                                <input style="flex: 70%;" ng-model = "terminal_lot_list.lot_no" readonly="readonly" ng-click="load_terminal_plot_no();"></input>
                                <div class="tip search" ng-click="load_terminal_plot_no();"><img src="image/icons/search.png"></img> </div>
                                <div class="kmi-text-fields" style="flex: 30%;margin-bottom:0px;">
                                    <label class="label" ng-bind="'SMT28.content.plot_qty' | translate"></label>
                                    <label ng-bind="terminal_lot_list.qty"></label>
                                </div>
                            </div>
                            <!-- 序號類型 -->
                            <div class="kmi-text-fields" >
                                <label class="label" ng-bind="'SMT28.content.lot_no_type' | translate"></label>
                                <input style="flex:70%;" ng-model='terminal_lot_list.type_name' ng-click="load_lot_type();" readonly="readonly" ng-disabled='open_type'></input>
                                <div class="tip search" ng-click="load_lot_type();" ng-disabled='open_type'><img src="image/icons/search.png"></img> </div>
                                <div class="kmi-text-fields" style="flex: 30%;"></div>
                            </div>
                            <!-- 序號數量 -->
                            <div class="kmi-text-fields" >
                                <label class="label" ng-bind="'SMT28.content.lot_no_qty' | translate"></label>
                                <input style="flex:70%;" readonly="readonly" ng-model="terminal_lot_list.lot_no_qty"></input>
                                <div class="kmi-text-fields" style="flex: 30%;"></div>
                            </div>
                            <!-- 序號起 -->
                            <div class="kmi-text-fields" >
                                <label class="label" ng-bind="'SMT28.content.lot_no_from' | translate"></label>
                                <input style="flex:70%;" readonly="readonly"  ng-model="terminal_lot_list.lot_no_from"></input>
                                <div class="kmi-text-fields" style="flex: 30%;"></div>
                            </div>
                            <!-- 序號迄 -->
                            <div class="kmi-text-fields">
                                <label class="label" ng-bind="'SMT28.content.lot_no_to' | translate"></label>
                                <input style="flex:70%;" readonly="readonly" ng-model="terminal_lot_list.lot_no_to" ng-click="input_burn_qty($event)"></input>
                                <div class="kmi-text-fields" style="flex: 30%;"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="kmi-layout-footer">
            <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1"
                    ng-click="confirm();" ng-disabled="selectedList.length==0">
                <i class="material-icons">done</i>
            </button>
        </div>
    </div>
</div>
